<template>
  <section class="edit">
    <group>
      <x-input placeholder="输入旧密码"></x-input>
      <x-input placeholder="输入新密码"></x-input>
      <x-input placeholder="输入确认新密码"></x-input>
    </group>

    <div class="btn-box">
      <x-button :gradients="buttonColor">确认修改</x-button>
    </div>
  </section>
</template>

<script>
  import {XInput, Group, XButton} from 'vux'

  export default {
    name: 'editPwd',
    components: {
      XInput,
      Group,
      XButton
    },
    data () {
      return {
        buttonColor: ['#1D62F0', '#19D5FD']
      }
    }
  }
</script>

<style lang="less" scoped>
  .edit {
    height: 100%;
    background-color: #fff;
    .btn-box {
      position: fixed;
      bottom: 0;
      width: 100%;
      padding: 15px;
      box-sizing: border-box;
    }
  }
</style>
